// custom style //

document.write('\n <style>');
document.write('\n /* Beutify for shahid from khurram dhedhi 07-04-2017 */ ');
document.write('\n select { ');
document.write('\n    color: #667;');
//document.write('\n    font-size: inherit;');
document.write('\n   /* border: none; */');
document.write('\n    padding: 15px 20px;');
document.write('\n   /* border: 1px solid #e6e7e8; */');
document.write('\n   /* border-radius: 3px; */');
document.write('\n    transition: border-color 0.3s;');
document.write('\n   	/* new class */');
document.write('\n	resize: none !important;');
document.write('\n    width: 100%;');
//document.write('\n    height: 50px !important;');
document.write('\n    background: transparent;');
document.write('\n    border: 2px solid #e6e7e8 !important;');
//document.write('\n    line-height: 50px !important;');
document.write('\n    border-radius: 4px;');
//document.write('\n   /* font-size: 14px !important; */');
document.write('\n } ');
document.write('\n input { ');
document.write('\n width: 100%; ');
document.write('\n } ');
document.write('\n </style>');

// custom style end //
// validation function //
function validateForm() {
    var npattern = /[0-9!@#\$%\^\&*\)\(+=._-]/;
    var arnuminput = /[٠,١,٢,٣,٤,٥,٦,٧,٨,٩]/;
    var ennuminput = /[0-9]/;
    var mblpattern = /^05/;
    var armblpattern = /^٠٥/;
    var mblpattern2 = /[A-Za-z!@#\$%\^\&*\)\(+=._-]/;
    var mblpattern3 =/[^0-9]/;
    var armblpattern3 =/[^٠,١,٢,٣,٤,٥,٦,٧,٨,٩]/;
    //var npchk = str.match(npattern);
    
    var a = document.forms["WebToLeads1729050000000212695"]["Last Name"].value;
    if (a == null || a == "" || a.trim() == "") {
        document.getElementById("Last Name").innerHTML = "Required";
        return false;
    }
else if (a.match(npattern)){
document.getElementById("Last Name").innerHTML = "Incorrect Name";
return false;
}    
else if (a !== null || a !== "" || a.trim() !== ""){
document.getElementById("Last Name").innerHTML = "";
}
    var c = document.forms["WebToLeads1729050000000212695"]["Mobile"].value;
    if (c == null || c == "" || c.trim() == "") {
        document.getElementById("Mobile").innerHTML = "Required";
        return false;
    }
else if(c.match(arnuminput)){

if (!c.match(armblpattern)){
document.getElementById("Mobile").innerHTML = "Incorrect Mobile Number";
return false;
}
else if (c.match(armblpattern3)){
document.getElementById("Mobile").innerHTML = "Incorrect Mobile Number";
return false;
}
else if (c.length < '10'){
document.getElementById("Mobile").innerHTML = "Incorrect Mobile Number";
return false;
}  
else if (c !== null || c !== "" || c.trim() !== ""){
document.getElementById("Mobile").innerHTML = "";
}
    
}
else if(c.match(ennuminput)){
if (!c.match(mblpattern)){
document.getElementById("Mobile").innerHTML = "Incorrect Mobile Number";
return false;
}
else if (c.match(mblpattern3)){
document.getElementById("Mobile").innerHTML = "Incorrect Mobile Number";
return false;
}
else if (c.length < '10'){
document.getElementById("Mobile").innerHTML = "Incorrect Mobile Number";
return false;
}  
else if (c !== null || c !== "" || c.trim() !== ""){
document.getElementById("Mobile").innerHTML = "";
}
}
    var e = document.forms["WebToLeads1729050000000212695"]["LEADCF6"].value;
    if (e == null || e == "" || e.trim() == "") {
        document.getElementById("LEADCF6").innerHTML = "Required";
        return false;
    }
else if (e !== null || e !== "" || e.trim() !== ""){
document.getElementById("LEADCF6").innerHTML = "";
}
 var d = document.forms["WebToLeads1729050000000212695"]["LEADCF5"].value;
    if (d == null || d == "" || d.trim() == "") {
        document.getElementById("LEADCF5").innerHTML = "Required";
        return false;
    }

else if (d !== null || d !== "" || d.trim() !== ""){
document.getElementById("LEADCF5").innerHTML = "";
}

    var f = document.forms["WebToLeads1729050000000212695"]["LEADCF3"].value;
    if (f == null || f == "" || f.trim() == "") {
        document.getElementById("LEADCF3").innerHTML = "Required";
        return false;
    }
else if (f !== null || f !== "" || f.trim() !== ""){
document.getElementById("LEADCF3").innerHTML = "";
}
  
   var i = document.forms["WebToLeads1729050000000212695"]["LEADCF30"].value;
    if (i == null || i == "" || i.trim() == "") {
        document.getElementById("LEADCF30").innerHTML = "Required";
        return false;
    }
else if (i !== null || i !== "" || i.trim() !== ""){
document.getElementById("LEADCF30").innerHTML = "";
}
var v = grecaptcha.getResponse();
    if(v.length == 0){
document.getElementById("xx_crm_captcha").innerHTML = "Invalid Captcha";
        return false;
		}

}
// validation function end //


// Lead Form //
document.write('<form action="https://autozoneksa.com/crm/" name=WebToLeads1729050000000212695 method="POST" ');document.write("onSubmit='javascript:document.charset=");
document.write('"UTF-8";'); document.write("return validateForm()' accept-charset='UTF-8';");document.write('>');

document.write('<!-- Do not remove this code. -->');
document.write('<input type="text" style="display:none;" name="xnQsjsdp" value="74dfc3c6e91f693c34ac92bb0df0c93daf0333e13c272cda0745ed805e5fc9d8"/>');
document.write('<input type="hidden" name="zc_gad" id="zc_gad" value=""/>');
document.write('<input type="text" style="display:none;" name="xmIwtLD" value="d78cb86f8c0f31762ca7684927cda454666cbf88f83a4da578ca4f6cf62b2d3b"/>');
document.write('<input type="text" style="display:none;"  name="actionType" value="TGVhZHM="/>');
document.write('<input type="text" style="display:none;"  name="xx_lang" value="en"/>');
document.write('<input type="text" style="display:none;"  name="SECTOR" value="AZ"/>');

document.write('<input type="text" style="display:none;" name="returnURL" value="http&#x3a;&#x2f;&#x2f;www.autozone.com.sa&#x2f;en&#x2f;thank-you" /> ');
document.write('<!-- Do not remove this code. -->');
document.write('<!-- Do not remove this code. -->');
document.write('<input type="text" style="display:none;" id="LDTuvid" name="LDTuvid"></input>');
document.write('<!-- Do not remove this code. -->');
document.write('<input style="display:none;" id="source" name="Lead Source" type="text" value="Web-QRF">');
document.write('<input style="display:none;" name="Lead Status" type="text" value="New - جديد">');
document.write('<input style="display:none;" name="LEADCF31" id="purl" type="text">');

document.write('<input style="display:none;" name="channeln" id="chnlxx" type="text">');

document.write('<input style="display:none;" name="campaignn" id="cmpnxx" type="text">');

document.write('<p>Full Name<br> <span class="wpcf7-form-control-wrap your-name"><input type="text" name="Last Name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false"></span><br><a style="color:red;" id="Last Name"></a></p>');
document.write('<p>Mobile Number<br> <span class="wpcf7-form-control-wrap tel-417"><input type="tel" name="Mobile" value="" size="40" maxlength="10" class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel" aria-required="true" aria-invalid="false" placeholder="05x1234567"></span><br><a style="color:red;" id="Mobile"></a></p>');


document.write('<p style="display:none;">Vehicle of Interest<br> <span class="wpcf7-form-control-wrap your-salary"><select name="LEADCF6" id="sel"  class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel" aria-required="true" aria-invalid="false" placeholder="Minimum SR 3000">');
document.write('<option value="">---</option>');
document.write('<option value="Mazda - 6" selected>Mazda - 6</option>');
document.write('</select></span><br><a style="color:red;" id="LEADCF6"></a></p>');

document.write('<p>Monthly Salary<br> <span class="wpcf7-form-control-wrap your-salary"><select name="LEADCF5"  class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel" aria-required="true" aria-invalid="false" placeholder="Minimum SR 3000">');
document.write('<option value="">---</option>');
document.write('<option value="أقل من 5000 - Below">أقل من 5000 - Below</option>');
document.write('<option value="من 5000 إلى 10000 - Between">من 5000 إلى 10000 - Between</option>');
document.write('<option value="أكثر من 10000 -  Above">أكثر من 10000 -  Above</option></select></span><br><a style="color:red;" id="LEADCF5"></a></p>');


document.write('<p>City<br> <span class="wpcf7-form-control-wrap city"><select name="LEADCF3" class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel" aria-required="true" aria-invalid="false"><option value="">---</option><option value="جدة">Jeddah</option><option value="الرياض">Riyadh</option><option value="مكة المكرمة">Makkah</option><option value="المدينة المنورة">Madinah</option><option value="الطائف">Taif</option><option value="ينبع">Yanbu</option><option value="جيزان">Jizan</option><option value="خميس مشيط">Khamis</option><option value="الدمام">Dammam</option><option value="أبها">Abha</option><option value="ابقيق">Abqaiq</option><option value="الأحساء">Al-Hasa</option><option value="العلا">Al-Ola</option><option value="الباحة‎">Al-Baha</option><option value="بداية">Al-Badayea</option><option value="عرعر">Ar"ar</option><option value="بيشة">Bisha</option><option value="بريدة">Buraidah</option><option value="الظهران">Dhahran</option><option value="دومة الجندل‎">Domat Al-Jandal</option><option value="حبلة">Habalah</option><option value="حفر الباطن">Hafr Al-Batn</option><option value="حائل">Hail</option><option value="حقل">Haql</option><option value="الهفوف‎">Hofuf</option><option value="جيزان">Jizan</option><option value="الجوف">Jouf</option><option value="الجبيل">Jubail</option><option value="خميس مشيط">Khamis Mushait</option><option value="الخبر">Khobar</option><option value="نجران‎">Najran</option><option value="القطيف‎">Qatif</option><option value="رأس تنورة">Ras Tanura</option><option value="سكاكا">Sakaka</option><option value="شرورة">Sharurah</option><option value="تبوك">Tabouk</option><option value="الطائف">Taif</option><option value="ثاج‎">Thaj</option><option value="عنيزة">Unaizah</option><option value="Uyaynah">Uyaynah</option><option value="آخر">Other</option></select></span><br><a style="color:red;" id="LEADCF3"></a></p><p></p>');
document.write('<p>Salary Type<br> <span class="wpcf7-form-control-wrap city"><select name="LEADCF30" ');
document.write('class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel" aria-required="true" aria-invalid="false">');
document.write('<option value="">---</option>');
document.write('<option value="Cash">Cash</option>');
document.write('<option value="Samba Bank">Samba Bank</option>');
document.write('<option value="SABB Bank">SABB Bank</option>');
document.write('<option value="Alawwal Bank">Alawwal Bank</option>');
document.write('<option value="Al Bilad Bank">Al Bilad Bank</option>');
document.write('<option value="Alinma Bank">Alinma Bank</option>');
document.write('<option value="AlJazira Bank">AlJazira Bank</option>');
document.write('<option value="Saudi Investment Bank">Saudi Investment Bank</option>');
document.write('<option value="Emirates Bank">Emirates Bank</option>');
document.write('<option value="National Commercial Bank">National Commercial Bank</option>');
document.write('<option value="AlRajhi Bank">AlRajhi Bank</option>');
document.write('<option value="Arab National Bank">Arab National Bank</option>');
document.write('<option value="Riyad Bank">Riyad Bank</option>');
document.write('<option value="Saudi Fransi Bank">Saudi Fransi Bank</option>');
document.write('<option value="Other">Other</option>');
document.write('</select></span><br><a style="color:red;" id="LEADCF30"></a></p>');

document.write('<p>Expected date of purchase<br> <span class="wpcf7-form-control-wrap your-salary"><select name="purpl"  class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel" aria-required="true" aria-invalid="false" placeholder="Minimum SR 3000">');
document.write('<option value="">---</option>');
document.write('<option value="001">less than 1 Month</option>');
document.write('<option value="002">1 Month</option>');
document.write('<option value="003">2-3 Months</option>');
document.write('<option value="004">More Than 3 Months</option>');
document.write('</select></span><br><a style="color:red;" id="purpl"></a></p>');

document.write('<p>Preferred Contact Time<br> <span class="wpcf7-form-control-wrap your-salary"><select name="preftimetc"  class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel" aria-required="true" aria-invalid="false" placeholder="Minimum SR 3000">');
document.write('<option value="">---</option>');
document.write('<option value="001">Morning</option>');
document.write('<option value="002">Afternoon</option>');
document.write('</select></span><br><a style="color:red;" id="preftimetc"></a></p>');

document.write('<p></p>');
document.write('<p>');
document.write('</p>');
document.write('<div class="g-recaptcha" id="recaptcha" data-callback="vcc" data-sitekey="6LdcwhwUAAAAABp_TinPlLFLyMCNY2eJ9OrXQjLN"></div>');
document.write('<a style="color:red;" id="xx_crm_captcha"></a>');

document.write('<br>');

document.write('<p class="az "><input type="submit" value="Submit" class="wpcf7-form-control wpcf7-submit cibutton">');

document.write('</p>');

document.write('</form>');

// Lead Form End //

// Dependent  Voi//


var kd = ""; 
    function populateSelect(eli) {
var ele = document.getElementById('sel');
        ele.innerHTML = '<option value="">' + '</option>';        
mid = eli.value;      
 var obj, dbParam, xmlhttp, myObj, x, txt = "";
obj = { table: "customers", limit: 20, model: 1 };
        
        dbParam = JSON.stringify(obj);
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    myObj = JSON.parse(this.responseText);
    kd = JSON.parse(this.responseText);
   // myObj = JSON.parse(this);
   //alert(myObj);
        // THE JSON ARRAY.
        var birds = [
            {
                "ID": "001",
                "Bird_Name": "Eurasian Collared-Dove"
            },
            {
                "ID": "002",
                "Bird_Name": "Bald Eagle"
            },
            {
                "ID": "003",
                "Bird_Name": "Cooper's Hawk"
            },
        ];
        
birds = kd;
//alert(birds);
        
        var ele = document.getElementById('sel');
        ele.innerHTML = '<option value="">' + '</option>';
        for (var i = 0; i < birds.length; i++) {
            // POPULATE SELECT ELEMENT WITH JSON.
            ele.innerHTML = ele.innerHTML +
                '<option value="' + birds[i]['voi_value'] + '">' + birds[i]['voi_en'] + '</option>';
                
        }
    }
   
   
  }
      xmlhttp.open("POST", "https://autozoneksa.com/crm/voi_json.php"+"?model="+mid, true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("x=" + dbParam);    
}